<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Customer Management Page</title>
        <!-- IMPORT CSS       -->
        <link rel="stylesheet" type="text/css" href="default.css"/>

        <style type="text/css">
			/* YOU CAN ADD EVERY CSS STYLES HERE !!!! 
            * I WILL WRAP ALL THIS UP TO ONE CSS FILE LATER
            */
			#customerbox{border-style:none; width:300px; height:300px; margin-right:auto; margin-left:auto; text-align:left;}
			#transactionBtn{position: relative; width:150px;font-size:12pt; left:150px;  bottom: 250px}
			#revenueBtn{position: relative; width:150px;font-size:12pt; left:150px;  bottom: 200px}
			#bestCustomerBox{border-style:ridge; margin-left:auto; margin-right:auto; width:420px; height:50px; bottom:20px; font-size:12pt; text-align:center;}
			#customerfield{position:relative; right:80px;}
			#suggestionbtn{bottom:140px; font-size:12pt;}
		</style>
		
		<script language="javascript" type="text/javascript">
		// <!CDATA[
          function Button1_onclick() {
	if(document.customerSelectForm.itemlist ="")
	{alert("You must select item");}
	    
  	else{
	  document.customerSelectForm.submit();
	  window.open("customertransaction.jsp","_blank");
  }
}

function Button2_onclick() {
	if(document.customerSelectForm.itemlist ="")
	{alert("You must select item");}
	    
 	 else{
	  document.customerSelectForm.submit();
	  window.open("revenuesbycustomer.jsp","_blank");
  }
}
function Button3_onclick() {
	if(document.customerSelectForm.itemlist ="")
	{alert("You must select item");}
	    
  	else{
	  document.customerSelectForm.submit();
	  window.open("suggestionlist.jsp","_blank");
  }
}

		           
		           
        // ]]>
		</script>   
		
</head>
    <body>
        <div id="wrapper">
            <div id="header">
                <%@include file="managerheader.html" %>
            </div>
            <div id="container">
                <div class="content min-width min-height">
                    
					<!-- Customer List Box -->
					<form name="customerSelectForm">
					<div id="customerbox">
                    <fieldset id="customerfield">
						<legend style="font-size:120%"><strong>Customers</strong></legend>
                    	<%@include file="customerList.jsp" %>
                    </fieldset>
                    </div>
                    </form>
                    <!--Go to Transaction Management Page -->
                    <div id="transactions">
                    <input type="button" id="transactionBtn" value="Transactions" onclick="Button1_onclick()"  >
                    </div>
                    <!-- Go to Revenue Management Page -->
                    <div id="delete">
                    <input type="button" id="revenueBtn" value="Revenue" onclick="Button2_onclick()">	
                    </div>
                    <!--Item Suggestion List  -->
                    <div id="suggestionlist">
                    <input type="button" id="suggestionbtn" value="Item Suggestion For The Selected Customer" onclick="Button3_onclick()">	
                    </div>
                    <br />
                    <div id="bestCustomerBox">
                     <fieldset id="bestcustomerfield">
						<legend>The Best Customer generating the most total revenue</legend>
						<p>Customer2</p>
                    </fieldset>
                    </div>
            </div>
		</div>
            <div id="footer">
                <%@include file="footer.html" %>
            </div>

    </body>
</html>
